<template>
<div>
    <Friendlist :friend="friend"></Friendlist>
</div>
</template>

<script>

//在一个组件文件中，要使用用另外一个组件，要先导入，再注册

import Friendlist from "../components/Friendlist.vue";

export default {
    data:function(){
        return {
            "friend": [
                {
                    "group": "家人",
                    "list": ["爸爸", "妈妈", "奶奶", "弟弟"]
                },
                {
                    "group": "同学",
                    "list": ["小明", "小丽", "小涛", "小磊"]
                },
                {
                    "group": "女朋友",
                    "list": ["念念", "燕子", "心心","荣荣","奔月",]
                },
                {
                    "group": "男朋友",
                    "list": ["凯凯", "飞飞", "冰川","冬晴","张林太","张鹏"]
                },
                {
                    "group": "青春",
                    "list": ["时光不老","我们不散"]
                }
            ]
        }
    },
    // 注册一个组件
    components:{
       Friendlist
    }

}
</script>

<style>

</style>


